<div id="contenedor" class="container"> 
    <div class="row-fliuid">
        <ul class="nav nav-tabs">
            <li>
                <a href="canales">Agencias</a>
            </li>
            <li class="active">
                <a>Otros agencias</a>
            </li>
        </ul>
    </div>
    <div id="agencias" class="row-fluid">
        <div class="row-fliuid">
            <button id="botonAgregarNuevaAgencia" href="#modalAgregarAgencia" data-toggle="modal" class="btn btn-primary">Agregar canal</button>
        </div>
        <br>
        <table class="table table-hover">
            <thead>
                <tr>
                    <td>Nombre</td>
                    <td>Descripción</td>
                    <td>Opciones</td>
                </tr>
            </thead>
            <tbody>
                <?php foreach ($canales as $row) { ?>
                    <tr>
                        <td><?= $row->nombre ?></td>
                        <td><?= $row->descripcion ?></td>
                        <td><?php if ($row->id_agencia != 0) { ?> <button href="#modalEditarAgencia" data-toggle="modal" class="btn btn-primary btn-small editar" data-idagencia ="<?= $row->id_agencia ?>" data-nombre="<?= $row->nombre ?>" data-descripcion="<?= $row->descripcion ?>">Editar</button> 
                                <button title="Eliminar" href="#modalEliminarAgencia" data-toggle="modal"  class="btn btn-danger btn-small eliminar" data-idagencia="<?= $row->id_agencia ?>"><i class="icon-remove icon-white"></i></button>
                            <?php } ?> 
                        </td>
                    </tr>
                <?php } ?>
            </tbody>
        </table>
    </div>
</div>
<div id="modalAgregarAgencia" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3>Nuevo canal</h3>
    </div>
    <form id="formAgregarAgencia" action="otroscanales/crearcanalotros" method="POST" class="formBlockDisplay">
        <div class="modal-body">
            <div class="row-fluid">
                <div class="span5 text-right">Nombre:</div>
                <div class="span7"><input name="nombre" type="text" required></div>
            </div>
            <div class="row-fluid">
                <div class="span5 text-right">Descripción:</div>
                <div class="span7"><textarea name="descripcion"></textarea></div>
            </div>
        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true">Cancelar</button>
            <button type="submit" class="btn btn-primary">Enviar</button>
        </div>
    </form>
</div>
<div id="modalEditarAgencia" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3>Editar canal</h3>
    </div>
    <form id="formEditarAgencia" action="otroscanales/editarcanalotros" method="POST" class="formBlockDisplay">
        <input id="idAgenciaEditar" name="idAgencia" type="hidden" >
        <div class="modal-body">
            <div class="row-fluid">
                <div class="span5 text-right">Nombre:</div>
                <div class="span7"><input id="nombreAgencia" name="nombre" type="text" required></div>
            </div>
            <div class="row-fluid">
                <div class="span5 text-right">Descripción:</div>
                <div class="span7"><textarea  id="descripcionAgencia" name="descripcion"></textarea></div>
            </div>
        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true">Cancelar</button>
            <button type="submit" class="btn btn-primary">Enviar</button>
        </div>
    </form>
</div>
<div id="modalEliminarAgencia" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 >Eliminar canal</h3>
    </div>
    <form id="formEliminarAgencia" action="otroscanales/eliminarcanalotros" method="POST" class="formBlockDisplay">
        <div class="modal-body">
            <input id="idAgenciaBorrar" name="idAgencia" type="hidden" required>
            ¿Esta seguro de eliminar este canal?
        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true">Cancelar</button>
            <button type="submit" class="btn btn-primary">Enviar</button>
        </div>
    </form>
</div>